@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body{ background:url(../images/sky_large.jpg) center top no-repeat;}
#wappage{ width:818px; height:484px; margin: 0px auto;  background:url(../images/btm_bg.png) bottom left no-repeat; padding-bottom:15px;}
#wappage2{ width:818px; height:465px;background:url(../images/top_bg.png) top left no-repeat; padding-top:15px;}
#content{ width:778px; height:465px;background:url(../images/bg2.png) top left repeat-y; padding:0px 20px;}

#content .right{float:right; display:block; width:250px; height:450px; background:url(../images/line.gif) 0px 10px no-repeat;}
#content .right h1 a{ text-decoration:none; margin-left:12px; margin-top:16px; display:block; }
#content .right-content{ display:table; margin-left:80px;}
#content .right-content ul.nav{ display:table; width:150px; margin-top:10px;}
#content .right-content ul.nav li{ display:table; width:100%;}
#content .right-content ul.nav li a{ font-family:monospace,Geneva,sans-serif; font-size:15px; padding-top:7px; word-spacing:-3px; color:#666; font-weight:bold;width:100%; display:block; height:22px; line-height:22px; text-decoration:none; background:url(../images/line2.gif) left bottom repeat-x;}
#content .right-content ul.nav li a:hover{ color:#999;background:url(../images/line3.png) left bottom repeat-x;}

#content .right-content ul.btn{ display:table; width:150px; margin-top:32px;}
#content .right-content ul.btn li{ display:table; width:100%;}
#content .right-content ul.btn li a span{ display:none;}
#content .right-content ul.btn li a.item1{ background:url(../images/botton1.png) 0px 1px no-repeat; display:block; width:100%; height:30px;}
#content .right-content ul.btn li a.item2{ background:url(../images/botton1.png) 0px -28px no-repeat; display:block; width:100%; height:30px;}
#content .right-content ul.btn li a.item3{ background:url(../images/botton1.png) 0px -59px no-repeat; display:block; width:100%; height:30px;}
#content .right-content ul.btn li a.item1:hover{ background:url(../images/botton2.png) 0px 1px no-repeat; display:block; width:100%; height:30px;}
#content .right-content ul.btn li a.item2:hover{ background:url(../images/botton2.png) 0px -28px no-repeat; display:block; width:100%; height:30px;}
#content .right-content ul.btn li a.item3:hover{ background:url(../images/botton2.png) 0px -59px no-repeat; display:block; width:100%; height:30px;}

#content .right-content a.linkdemo{ background:url(../images/what_demo.png) left top no-repeat; display:block; width:100%; height:30px;margin-top:20px;}
#content .right-content a.linkdemo:hover{ background:url(../images/what_demo1.png) left top no-repeat; }
#content .right-content a.linkdemo span{ display:none;}


#content .left{height:450px; width:490px; margin-right:250px; padding-top:16px; margin-left:10px; position:relative;}
#content .left .login{ width:470px; position:relative; height:40px; margin-top:5px;}
#content .left .login input.user,
#content .left .login input.pass{ border:1px dotted #999999;height:20px;width:140px; color:#666;}
#content .left .login a{color:#666666;font-family:arial;font-size:11px;left:298px;position:absolute;text-decoration:none;top:-4px;}

#content .left .login input.checkbox{left:295px;position:absolute;top:10px; display:none;}
#content .left .login label{ cursor:pointer; background:url(../images/keep1.png) 0 3px no-repeat; padding-left:15px;color:#666666;font-family:arial;font-size:11px;left:296px;position:absolute;text-decoration:none;top:10px;}
#content .left .login label.checked{ cursor:pointer; background:url(../images/keep2.png) 0 3px no-repeat; padding-left:15px;color:#666666;font-family:arial;font-size:11px;left:296px;position:absolute;text-decoration:none;top:10px;}


#content .left .login input.button{ cursor:pointer;background:url("../images/login_btn.png") no-repeat -3px -2px;border:none;height:20px;left:420px; top:1px;position:absolute;width:43px;}
#content .left .left-content h1{ line-height:26px; font-family:monospace, Helvetica, sans-serif; font-size:27px; word-spacing:-5px; margin:0px; padding:0px; color:#9cad23; text-transform:uppercase;}
#content .left .left-content p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#content .left .left-content div.des{ margin-top:20px; display:block; height:190px; position:relative;}
#content .left .left-content div.des a{ margin-left:40px; position:absolute; bottom:5px; right:5px;}
#content .left .left-content div.des .img_big{height:185px;width:235px;}
#content .left .left-content div.des .img_text{ position:absolute; top:0px; right:4px;}

/*-----CONTACT US PAGE--------------*/
#content .left .left-content h3{  font-family:monospace, Helvetica, sans-serif; font-size:15px; word-spacing:-5px; margin:0px; padding:0px;color:#9cad23; text-transform:none;}
#content .left .left-content h3 span{ font-family:monospace, Helvetica, sans-serif; font-size:22px; display:block; word-spacing:-5px; margin:0px; padding:0px; color:#9cad23; text-transform:uppercase;}

#content .left .left-content .contactform label{ font-family:monospace; font-size:12px; color:#666;}
#content .left .left-content .contactform input.texbox{ width:150px; border:1px #999 solid;}
#content .left .left-content .contactform input.texbox2{ width:360px; border:1px #999 solid;}
#content .left .left-content .contactform #des{ width:360px; border:1px #999 solid;}
#content .left .left-content .contactform .button{ cursor:pointer; background:url(../images/send.gif) 0 0 no-repeat; border:none; width:48px; height:20px;}

/*-----ABOUT US PAGE--------------*/
#content .left .left-content p.about{ margin-right:10px; text-align:justify;}
#content .left .left-content p.about span{ font-weight:bold; color:#0082c9;}
#content .left .left-content p.about a{ color:#0082c9; padding-top:5px;}

/*-----ARTICLE PAGE--------------*/
#content .left .left-content  ul{ margin-left:10px; padding-left:15px;}
#content .left .left-content  ul a{font-family:monospace, Helvetica, sans-serif; color:#666; padding-top:5px; font-size:14px; line-height:22px;}
#content .left .left-content  ul a:hover{color:#0082c9;}


/*-----TELL A FRIEND PAGE--------------*/
#content .left .left-content .sendform label{ font-family:monospace; font-size:12px; color:#666;}
#content .left .left-content .sendform input.ftexbox{ width:206px; border:1px #999 solid;}
#content .left .left-content .fcard{}
#content .left .left-content .sendform .button{ background:url(../images/send.gif) 0 0 no-repeat; border:none; width:48px; height:20px; cursor:pointer;}


#content .left .left-content .slideshow{ width:476; height:80px; background:#CCC; position:relative;overflow:hidden; z-index:2px;}
#content .left .left-content .slideshow a.to-left{ text-decoration:none; background:url(../images/toleft.png) 0 0 no-repeat; position:absolute; left:0px; display:block; width:10px; height:20px; cursor:pointer; }
#content .left .left-content .slideshow a.to-right{ text-decoration:none; background:url(../images/toright.png) 0 0 no-repeat; position:absolute; right:0px; display:block; width:10px; height:20px; cursor:pointer; }
#content .left .left-content .slideshow ul{ width:1000px; height:40px; background:#999; margin:0px; padding:0px; position:relative; overflow:hidden; z-index:1px; }
#content .left .left-content .slideshow ul li{ width:40px; height:40px; display:block; float:left; margin-left:5px; margin-right:5px; background-color:#FFF;}

/*-----BUY AS GIF PAGE--------------*/

#content .left .left-content .gif{ width:100%; position:absolute; bottom:11px;}
#content .left .left-content .gif .gleft{ width:233px;float:left;height:100px; background:url(../images/gleft.png) 0 0 no-repeat; height:124px; }
#content .left .left-content .gif .gleft .item1{ background:#CCC; height:60px; width:40px;}
#content .left .left-content .gif .gright{ width:233px;float:right;height:100px; background:url(../images/gright.png) 0 0 no-repeat; height:124px;}

/*-----SUBSCRIPTION PAGE--------------*/

#content .left .left-content .gif .sleft{ width:233px;float:left;height:100px;}
#content .left .left-content .gif .sleft p{ margin-top:5px;}
#content .left .left-content .gif .sleft p span{color:#0099cc; text-transform:uppercase; font-weight:bold; font-size:12px;}








